var pageid = 0;
var pagemax;


getproduct()

function getproduct() {
    $.ajax({
        url: "http://chst.vip:1234/api/getmoneyctrl",
        type: "Get",
        data: {
            pageid
        },
        success(sus) {
            console.log(sus);
            pagemax = Math.ceil(sus.totalCount / sus.pagesize);
            var htmlchangepage = "";
            for (var i = 1; i < pagemax; i++) {
                htmlchangepage += `
                <option value=${i - 1} pageid=${i - 1}>${i}/${pagemax}></option>
                `
            }
            $("main #page").html(htmlchangepage);
            $($("main #page").children()[pageid]).siblings().removeAttr("selected").end().attr("selected", "selected")

            buttonChangeColor()

            var htmlproduct = "";

            sus.result.forEach(item => {
                htmlproduct += `
                <div productId=${item.productId} categoryid=${item.categoryId} class="productItem">
                    <div class="left">
                        ${item.productImgSm}
                    </div>
                    <div class="right">
                        <h3>${item.productName}</h3>
                        <p><span>${item.productFrom}|${item.productTime}</span>
                        <span>${item.productComCount}</span>
                        </p>
                    </div>
                </div>
                `
            })
            $("main .product").html(htmlproduct);
        }
    }).then(res => {
        $("main button").click(function () {
            if ($(this).attr("class") === "propage") {
                pageid--;
                if (pageid < 0) {
                    pageid = 0;
                    return;
                }
            } else if ($(this).attr("class") === "nextpage") {
                pageid++;
                if (pageid > pagemax - 1) {
                    pageid = pagemax - 1;
                    return;
                }
            }
            $("main button").unbind("click");
            $("#page").unbind("change");
            getproduct();
        })
        $("#page").change(function () {
            pageid = Number($(this).val());
            $("main button").unbind("change");
            getProduct();
            console.log(pageid);
        })
        $("main .product").on("click", ".productItem", function () {
            let productid = $(this).attr("productid");

            location.href = `./discount.html?productid=${productid}`

        })
    })
}
function buttonChangeColor() {

            if (pageid < pagemax && pageid > 0) {
                $(".changepage button").css("color", "#333333")
            }
            switch (pageid) {
                case 0:
                    $(".propage").css("color", "#cccccc");
                    $(".nextpage").css("color", "#333333");
                    break;
                case pagemax - 1:
                    $(".propage").css("color", "#333333");
                    $(".nextpage").css("color", "#cccccc");
                    break;

            }

        }